<template>
  <div>
    <!-- 表单 -->
    <el-form label-position="left" size="small" :inline="true">
      <el-form-item label="巡更开始时间" style="font-weight:bold;">
        <el-date-picker v-model="queryParams.createTime" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日"
          value-format="yyyy-MM-dd" style="width:180px;" clearable>
        </el-date-picker>
      </el-form-item>
      <el-form-item label="巡更结束时间" style="font-weight:bold;">
        <el-date-picker v-model="queryParams.finishedTime" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日"
          value-format="yyyy-MM-dd" style="width:180px;" clearable>
        </el-date-picker>
      </el-form-item>
      <el-form-item label="巡更计划" style="font-weight:bold;">
        <el-select v-model="queryParams.campusId" placeholder="请选择" style="width:180px;" clearable>
          <el-option label="1" value="1"></el-option>
        </el-select>
      </el-form-item>
      <el-button size="small" class="search_botton" type="primary" icon="el-icon-search">查询</el-button>
      <el-button size="small" class="reset_botton" icon="el-icon-refresh">重置</el-button>
    </el-form>
    <!-- 表单 -->

    <!-- 表格 -->
    <el-table size="medium" :data="tableData" border style="width: 100%;margin-top:20px;">
      <el-table-column prop="num" label="序号" align="center"></el-table-column>
      <el-table-column prop="" label="计划名称" align="center"></el-table-column>
      <el-table-column prop="" label="巡更点合计" align="center" width="100"></el-table-column>
      <el-table-column prop="" label="完成率" align="center"></el-table-column>
      <el-table-column prop="" label="1号" align="center"></el-table-column>
      <el-table-column prop="" label="2号" align="center"></el-table-column>
      <el-table-column prop="" label="3号" align="center"></el-table-column>
      <el-table-column prop="" label="4号" align="center"></el-table-column>
      <el-table-column prop="" label="5号" align="center"></el-table-column>
      <el-table-column prop="" label="6号" align="center"></el-table-column>
      <el-table-column prop="" label="7号" align="center"></el-table-column>
      <el-table-column prop="" label="8号" align="center"></el-table-column>
      <el-table-column prop="" label="9号" align="center"></el-table-column>
      <el-table-column prop="" label="10号" align="center"></el-table-column>
    </el-table>
    <!-- 表格 -->

  </div>
</template>

<script>
export default {
  data() {
    return {
      queryParams: {},
      tableData: [{ num: 1, }]
    }
  },
  methods: {


  }

}
</script>

<style lang="scss" scoped></style>